.box,html,body{
	width: 100%;
	height: 100%;
} 
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.box{
    background: #e9e9e9;
    .head{
        .px2rem(height,98);
        background: #343434;
        display: flex;
        justify-content: space-between;
        align-items: center;
        p{
            .px2rem(font-size,30);
            color: white;
        }
        .img1{
            .px2rem(margin-left,30);
        }
        .img2{
            .px2rem(margin-right,30);
        }
    }
    .top{
        .px2rem(height,625);
        background: white;
        img{
            width: 100%;
        }
        .top1{
            .px2rem(height,200);
            overflow: hidden;
            .p1{
                .px2rem(width,600);
                .px2rem(font-size,30);
                .px2rem(margin-left,20);
                .px2rem(margin-top,20);
                .px2rem(line-height,40);
                border-right: 1px solid grey;
                float: left;
            }
            img{
                .px2rem(width,40);
                .px2rem(height,40);
                float: left;
                .px2rem(margin-left,40);
                .px2rem(margin-top,40);
            }
            .top2{
                .px2rem(height,80);
                .px2rem(line-height,80);
                .px2rem(margin-top,110);
                display: flex;
                justify-content: space-between;
                h1{
                    .px2rem(font-size,35);
                    color: red;
                    font-weight: bold;
                    .px2rem(margin-left,20);
                    span{
                        font-weight: normal;
                        .px2rem(font-size,30);
                        color: gray;
                    }
                }
                p{
                    .px2rem(margin-right,30);
                    .px2rem(font-size,30);
                    span{
                        .px2rem(font-size,25);
                        color: gray;
                    }
                }
            }
        }
    }
    .main{
        .px2rem(height,202);
        .px2rem(margin-top,20);
        background: white;
        p{
            .px2rem(width,692);
            .px2rem(height,100);
            .px2rem(line-height,100);
            .px2rem(font-size,35);
            border-bottom: 1px solid grey;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            span{
                .px2rem(font-size,30);
                color: gray;
            }
        }
        .p3{
            .px2rem(width,692);
            .px2rem(height,100);
            .px2rem(line-height,100);
            .px2rem(font-size,35);
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            span{
                .px2rem(font-size,30);
                color: gray;
            }
        }
    }
    .main1{
        .px2rem(height,200);
        background: white;
        .px2rem(margin-top,20);
        display: flex;
        .left{
            .px2rem(width,450);
            .px2rem(height,200);
            dl{
                display: flex;
                .px2rem(margin-left,30);
                .px2rem(line-height,60);
                dt{
                    img{
                        .px2rem(margin-top,30);
                        .px2rem(width,130);
                        .px2rem(height,130);
                    }
                }
                dd{
                    .px2rem(margin-top,30);
                    .px2rem(margin-left,20);
                   p{
                    .px2rem(font-size,32);
                   }
                   h1{
                    .px2rem(font-size,27);
                    color: gray;
                   }
                }
            }
        }
        .p5{
            background: url(../img/位置.png) no-repeat left;
            .px2rem(padding-left,30);
        }
    }
}